/* 1. 页面背景色 */
.page{
	background-color: #F8F9FA;
	overflow: auto; 
	/* #ifndef APP-PLUS-NVUE */
	min-height: 100vh;
	height: auto;
	/* #endif */
	/* #ifdef APP-PLUS-NVUE */
	flex: 1;
	/* #endif */
	
}
// uniapp高度100vh出现滚动条问题
uni-page-body,html,body{
	height: 100%;
}

/* 2. 主背景色（原谅绿） */
.main-bg-color{
	background-color: #08C060;
}
.main-bg-hover-color{
	background-color: #08d869;
}
/* 3. 主文字色（原谅绿） */
.main-text-color{
	color: #08C060;
}

.border-main{
	border-color: #08C060!important;
}

.bg-chat-item{
	background-color: #6BEE68;
}
.text-chat-item{
	color: #6BEE68;
}
.border-f5f5f5{
	border-bottom: 1px solid #f5f5f5;
}
.border-E0E3EA{
	border-bottom: 1px solid #E0E3EA;
}
.border-top{
	border-top: 1px solid #f5f5f5;
}
.border-to{
	position: relative;
	top: 60px;
	width: 100%;
	height: 2px;
	background-color: #EFEFEF;
}
.border-EFEFEF{
	border-bottom: 1px solid #EFEFEF;
}
.border-q{
	border: 1px solid #888888;
}
.border-s{
	border: 1px solid #08C060;
	border-radius: 100%;
}
.flex1{
	flex: 1;
}
.yq{
	width: 10px;
	height: 10px;
	line-height: 17px;
	background-color: #ff6e6e;
	color: rgba(255, 255, 255, 0.95);
	font-size: 12px;
	text-align: center;
	font-family: Arial;
	position: relative;
	left: 33px;
	border-radius: 100%;
}
.box {
  position: relative;
  display: inline-block;
  padding: 0 110px;
  line-height: 1;

}
 .box::before,
  .box::after {
     content: "";
      position: absolute;
      top: 8px;
      width: 100%;
      height: 1px;
      background-color: #E0E3EA;
  }

  .box::before {
    left: 0;
	width: 100px; /* 左边横线的宽度 */
	transform: translateY(-50%);
  }

  .box::after {
    right: 0;
	width: 100px; /* 右边横线的宽度 */
	transform: translateY(-50%);
	}
	.wrap {
		width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-height: 23px;
		-webkit-line-clamp: 1;
		lines: 1;
		-webkit-box-orient: vertical;
	}
	.wrapk {
		width: 180px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-height: 23px;
		-webkit-line-clamp: 1;
		lines: 1;
		-webkit-box-orient: vertical;
	}
	.wraps {
		// width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-height: 23px;
		-webkit-line-clamp: 2;
		lines: 2;
		-webkit-box-orient: vertical;
	}
	.wrapsa {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-height: 23px;
		-webkit-line-clamp: 2;
		lines: 2;
		-webkit-box-orient: vertical;
	}
	.wrapl {
		// width: 220px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-height: 23px;
		-webkit-line-clamp: 1;
		lines: 1;
		-webkit-box-orient: vertical;
	}
	.text-ellipsis {  
	  overflow: hidden;  
	  text-overflow: ellipsis;  
	  white-space: nowrap;  
	  width: 100%; 
	}  